@charset "utf-8";
html{overflow-x: hidden;  padding: 0; margin: 0; font-size: 625%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{ color: #333; background: #FFF;  width: 100%; overflow-x: hidden; margin: 0 auto;  font-family:Helvetica,"微软雅黑", sans-serif; font-size: 14px; font-size:14px;max-width:6.4rem;
-webkit-overflow-scrolling: touch; -o-overflow-scrolling: touch; -moz-overflow-scrolling: touch; position:relative;
}
em,i{
	font-style: normal;
}
a{
	text-decoration: none;
}
img{border: none; }
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
li{ list-style: none outside none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
ol,ul{overflow: hidden;}
.clear{ clear:both;}
.mb1{ margin-bottom:0.1rem;}
.mb2{ margin-bottom:0.2rem;}
.pb2{ padding-bottom:0.3rem;}
.pb1{ padding-bottom:0.1rem;}
.newmb4{margin-bottom:4%;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.conter{ text-align:center;}
.samebtnfr{float:right; margin-left:0; margin-right:2%;}
.fixmargin{overflow:hidden;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}

/*以下a和a:active定义为了解决在点击a标签时所出现的虚线框*/
a {
	text-decoration: none;
	outline: none;
}
a:active {star:expression(this.onFocus=this.blur());}


/* iconfont */
@font-face {
	font-family: 'iconfont';
    src: url('iconfont.woff') format('woff'), 
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg'); 
}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


.banner{ width:100%; overflow:hidden; position:relative;}
.banner p{ float:left; height:auto; width:100%; font-size:0px;}
.banner p img{ width:100%; height:auto; display: block;}


/**公用的标题**/
.sametitle{ position:relative; width:5.5rem; margin:0 auto 7% auto;}
.bttxt {
    position: relative;
    width:3rem;
    margin-left: auto;
    margin-right: auto;
    height: 0.5rem;
	z-index:9999;
}
.bttxt h1 {
    display: block;
    width: 100%;
    background: #fced00;
    text-align: center;
    font-weight: bold;
    color: #420016;
    position: absolute;
    bottom: 0px;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.26rem;

}
.bttxt .shadowl,.bttxt .shadowr {
    position: absolute;
    top:0.5rem;
    width: 0px;
    height: 0px;
    border-style: solid;

}
.bttxt .shadowl {
    border-color: rgba(0,0,0,0.3) rgba(0,0,0,0.3) transparent transparent;
    border-width: 0.07rem 0.2rem 0.07rem 0.2rem;
    left: 0rem;
}
.bttxt .shadowr {
	border-color: rgba(0,0,0,0.3) transparent transparent rgba(0,0,0,0.3);
    border-width: 0.07rem 0.2rem 0.07rem 0.2rem;
    right: 0rem;
}

.pacmanl,.pacmanr {
	position:absolute;
	top:0.14rem;
	width: 0px;
	height: 0px;
	border-right: 0.3rem solid transparent;
	border-top: 0.25rem solid #fced00;
	border-left: 1.35rem solid #fced00;
	border-bottom: 0.25rem solid #fced00;
	z-index:888;
}
.pacmanl {
				transform:rotate(-180deg);
		 -o-transform:rotate(-180deg);
	   -moz-transform:rotate(-180deg);
	-webkit-transform:rotate(-180deg);
}
.pacmanr{
	right:0px;
}
/**公用的标题**/
/**********【表单】**********/



.inputxt{
	font-family:Helvetica,"微软雅黑", sans-serif;
	width:100%;
	height: 0.5rem;
	line-height:0.5rem;
	border: 1px solid #ccc;
	font-size: 0.17rem;
	box-shadow: 0px 0.01rem 0.01rem rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.inputxt:focus{
	outline: none;
    -webkit-transition: border linear .8s, box-shadow linear .8s;
    -moz-transition: border linear .8s, box-shadow linear .8s;
    -o-transition: border linear .8s, box-shadow linear .8s;
    transition: border linear .8s, box-shadow linear .8s;
}
.picCode{
	width: 47%!important;
	float: left;
}
.picCode-img{
	float: right;
	width: 45%!important;
	padding: 0!important;
}
.Validform_checktip{
	line-height: 0.2rem;
	height: 0.2rem;
	overflow:hidden;
	color:red;
	font-size: 0.12rem;
	text-align: left;
}
.Validform_right{
	color:red;
	padding-left: 0.2rem;
	background:url(right.png) no-repeat left center;
}
.Validform_wrong{
	color: red; 
	white-space:nowrap;
}
.Validform_loading{
	padding-left:0.2rem;
	background:url(onLoad.gif) no-repeat left center;
}
.Validform_error{
	background:#ffe7e7;
}

.info{
	padding: 0rem 0.1rem;
	padding: 0 10px\0/;
	*padding: 0 10px;
	border-radius: 0.02rem;
	color: #666; 
	position:absolute;
	display:none;
	height: 0.25rem;
	line-height: 0.25rem;
	background: rgba(0,0,0,0.7);
	z-index: 999;
}
/*.code{
	position: absolute;
	padding: 0;
	height: 0.5rem;
	line-height:0.5rem;
	width: 1.45rem;
	font-size: 0.14rem;
	top:1px;
	right: -1px;
	border: 1px solid #e5e5e5;
	background: #ff6600;
	color: #fff;
}*/

.biaodbtn{width:100%; display:block; cursor:pointer; background:#f60909; text-align:center; color:#fff; font-size:0.32rem; line-height:1.5;
	-webkit-box-shadow:0 0 2px 2px #fff;  
  		-moz-box-shadow:0 0 2px 2px #fff;  
 			 box-shadow:0 0 2px 2px #fff;
	-webkit-border-radius:0.08rem;
	 -moz-border-radius:0.08rem;
	   -o-border-radius:0.08rem;
		  border-radius:0.08rem;
	font-family:Helvetica,"微软雅黑", sans-serif;
}
/**********【表单】**********/
/*******白银投资********/
.main{
	width:100%;

	margin-top:-0.2rem;
}

.form{
	width:100%;
	height:4rem;
	box-sizing:border-box;
	/* background: #A41D24;
	padding-top:0.1rem; */
}
.form dd{
	position:relative;
	width:90%;
	margin-left:5%;
	height:0.6rem;
	margin-top:0.2rem;
}

.J-tel,.J-num,.J-psw{
	width:100%;
	height:0.6rem;
	line-height:0.6rem;


	padding-left:0.3rem;
	font-size:0.2rem;
	box-sizing:border-box;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
}

.code{
	position:absolute;
	width:40%;
	height:0.6rem;
	top:0;
	right:0;
	background: #ff4211;
	color:#fff;
	font-size:0.2rem;
	text-align:center;
	line-height:0.6rem;
	cursor:pointer;
	letter-spacing:5px;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
}
.code-gray{
	background: #eee;
	color: #808080;
}
.btn{
	display:inline-block;
	width:90%;
	margin-left:5%;
	height:0.6rem;
	line-height:0.6rem;
	text-align:center;
	margin-top:0.3rem;
	font-weight: bold;
	cursor:pointer;
	font-size:0.3rem;
	letter-spacing:3px;
	font-weight:bold;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		color:#fff;
		background: #ff4211;
}

#download{
	display: inline-block;
	color:#fff;
	background: #ff4211;
	padding:0.1rem 0.2rem;
	letter-spacing: 3px;
	border-radius:50px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		font-weight: bold;
		font-size: 0.2rem;
		position: absolute;
		top:75%;
		left:40%;
}
/******************* 自适应【320、480、600】 *******************/
@media screen and (max-width: 319px){
	html{font-size: 300%;}
	
	.xtitle b{border-bottom:1px dashed #fa8c00;}
}
@media screen and (min-width: 320px) and (max-width:359px){
	html{font-size: 350%;} /* 325% */
}
@media screen and (min-width: 360px) and (max-width:479px){
	html{font-size: 410%;}
	
	.odds .oddtxt{line-height:0.24rem; height:0.72rem;}
	.odds h1{font-size:0.24rem; padding-bottom:5%;}
	.odds li{width:31%;}
	
	.xtitle b{border-bottom:1px dashed #fa8c00;}
}
@media screen and (min-width: 480px) and (max-width:639px){
	html{font-size: 468%;}
	
	.odds .oddtxt{line-height:0.24rem; height:0.72rem;}
	.odds .oddicon .iconfont{font-size:0.6rem;}
	.odds h1{font-size:0.24rem; padding-bottom:5%;}
	.odds li{width:31%;}
}
@media screen and (min-width: 640px) and (max-width:719px){
	html{font-size: 625%;}
}
@media screen and (min-width: 720px) and (max-width:1080px){
	html{font-size: 705%;}
}
@media screen and (min-width: 1200px){
	html{font-size: 900%;}
}